<template>
  <div class="aside-nav">
    <el-aside style="width: 160px; height: calc(100vh - 46px)">
      <!-- 当前激活菜单的 index -->
      <el-menu default-active="2" unique-opened:true class="el-menu-vertical-demo" background-color="#363f4e" text-color="#fff" active-text-color="#ffd04b" :router="true" style="border-right: none;">
        <el-menu-item index="1">
          <span slot="title">常用工具</span>
        </el-menu-item>
        <el-submenu index="2">
          <template slot="title">
            <span>人员管理</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="/huaming">员工花名册</el-menu-item>
          </el-menu-item-group>
        </el-submenu>
        <el-submenu index="3">
          <template slot="title">
            <span>工资管理</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="2-1">智能算税</el-menu-item>
            <el-menu-item index="2-2">往期申报</el-menu-item>
            <el-menu-item index="/salary">薪酬表</el-menu-item>
          </el-menu-item-group>
        </el-submenu>
        <el-submenu index="4">
          <template slot="title">
            <span>功能效果展示</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="/xiaoguozhanshi">搜索高亮类</el-menu-item>
          </el-menu-item-group>
          <el-menu-item-group>
            <el-menu-item index="/xiaoguozhanshi/index1">特定表格颜色</el-menu-item>
          </el-menu-item-group>
          <el-menu-item-group>
            <el-menu-item index="/xiaoguozhanshi/index2">搜索高亮类过滤</el-menu-item>
          </el-menu-item-group>
          <el-menu-item-group>
            <el-menu-item index="/xiaoguozhanshi/index3">点击搜索</el-menu-item>
          </el-menu-item-group>
        </el-submenu>
      </el-menu>
    </el-aside>
  </div>
</template>

<script>
</script>

<style >
.aside-nav {
  position: fixed;
  top: 46px;
  left: 0;
  overflow: hidden;
}

.el-menu-item {
  min-width: 0px !important;
}
</style>
